<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <style>
        /*.swiper-container {*/
            /*width: 600px;*/
            /*height: 300px;*/
        /*}*/
        /*.swiper-slide a img{*/
            /*width: 100%;*/
            /*height: 100%;*/
        /*}*/
    </style>
</head>
<body>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a class=footer__social-link href="#"><img src="images/lb.jpeg" class="opa"></a>
            </div>
            <div class="swiper-slide">
                <a class=footer__social-link href="#"><img src="images/lb1.jpeg" class="opa"></a></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<!--<script src="js/script.js"></script>-->
<script>
    var mySwiper = new Swiper ('.swiper-container', {
        loop: true, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination'
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev'
        }
    })
</script>
</body>
</html>